<template>
    <div id="poster" @touchstart.prevent>
        <div class="close" @touchstart="close"><i class="cubeic-close"></i></div>
        <div class="box">
            <template v-if="assistValue !== ''">
                <h2><slot>辅助文字</slot></h2>
                <!--辅助图片--><img class="assist" :src="assistValue" @touchstart.stop />
            </template>
            <img class="poster" :src="value" @touchstart.stop />
            <h2>长按保存图片</h2>
        </div>
    </div>
</template>

<script>
    export default {
        name:"poster",
        props:{
            value:{  //海报地址
                type:String
            },
            assistValue:{  //辅助图片（纯净二维码）
                type:String,
                default:""
            }
        },
        methods:{
            close(){
                this.$emit("close");
            }
        }
    }
</script>

<style scoped lang="less" src="./poster.less"></style>
